import React from 'react'
import { render } from "react-dom";
import './styles/style.css'
import ReactDOM from "react-dom";
import App from './App'
import {
  BrowserRouter,
  Routes,
  Route
} from "react-router-dom";
import Login from './routes/Login'
import Register from './routes/Register'
import MainContent from './routes/MainContent'


const rootElement = document.getElementById("root");
ReactDOM.render(
  <React.StrictMode>
    <BrowserRouter>
    <Routes>
      <Route path="/" element={<App />} />
      <Route path="login" element={<Login />} />
      <Route path="register" element={<Register />} />
      <Route path="main" element={<MainContent />} />
    </Routes>
  </BrowserRouter>
</React.StrictMode>,
  rootElement
);